<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人主页</title>
    <link href="http://www.qlcoder.com/uploads/145620041535888.png" type="image/x-icon" rel=icon>
    <link rel="stylesheet" href="http://www.qlcoder.com/css/edit/editormd.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="stylesheet" href="css/common.css">
</head>
<body class="html-margin">
    <div class="q_warp">
        <!-- header s-->
        <header id="ql-header">
            <div class="head-warp clear">
                <div class="logo fl">
                    <a href="/home" class="inline"><img src="img/logo.png" alt="logo"></a>
                </div>
                <div class="nav-list fl">
                    <div class="nav-list-item fl active"><a href="/home">技能树</a></div>
                    <div class="nav-list-item fl"><a href="/topic/index">话题</a></div>
                    <div class="nav-list-item fl"><a href="/rank">排行榜</a></div>
                    <div class="nav-list-item fl"><a href="/help">帮助中心</a></div>
                    <div class="nav-list-item fl"><a href="/review">审核</a></div>
                </div>
                <div class="pull-right ">
                    <ul class="avator pull-right">
                        <li class="dropdown">
                            <a class="dropdown-toggle pull-left" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                                <img src="http://www.qlcoder.com/system/App/User/avatars/000/000/347/thumb/2000.gif" class="img-circle" alt="cinque terre">
                                <span class="username">端着木鱼敲代码</span>
                                <span class="down"></span>
                            </a>
                            <!--<span class="badge s_tip">4</span>-->
                            <ul class="dropdown-menu ">
                                <li><a href="/profile/792c" target="_blank"><i class="iconfont icon-home"></i>我的主页</a></li>
                                <li><a href="/u/update" target="_blank"><i class="iconfont icon-shezhi"></i>设置</a></li>
                                <li><a href="/imglib" target="_blank"><i class="iconfont icon-iconimg"></i>图片库</a></li>
                                <li><a href="/talent" target="_blank"><i class="iconfont icon-target"></i>offer</a></li>
                                <li><a href="/inbox" target="_blank"><i class="iconfont icon-sixin"></i>私信</a></li>
                                <!--<li role="separator" class="divider"></li>-->
                                <li><a href="/logout" target="_blank"><i class="iconfont icon-kaiguan"></i>退出</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </header>
        <!--  header e -->

        <div class="contain">
            <div class="ql-warp clearfix">
                <div class="ql-left fl">
                    <div class="ql-apart bor mb30">
                        <div class="profile-main bg_fa clearfix">
                            <div class="profile-avatar fl">
                                <img src="http://www.qlcoder.com/system/App/User/avatars/000/000/347/thumb/2000.gif" alt="">
                            </div>
                            <div class="profile-info ">
                                <div class="profile-name ">CyberZHG</div>
                                <div class="profile-other mb20">
                                    <span class="item pos">
                                        <i class="icon icon-pos"></i>浙江杭州
                                    </span>
                                    <span class="item company">
                                        <i class="icon icon-company"></i>千里码
                                    </span>
                                </div>
                                <div class="profile-other bor_b pb20">
                                    <span class="item skill">
                                        <i class="icon icon-skill"></i>
                                        <a href="" class="skill primary">技能树</a>
                                    </span>
                                    <span class="item count">
                                        <a href="" class="count primary">跬步</a>
                                    </span>
                                </div>
                                <div class="profile-sign">世界上没有解决不了的问题,只有解决不了的人.</div>
                            </div>
                            <div class="profile-badges bg_ff pd20 bor_t">
                                <div class="items inline">
                                    <b>徽章</b>
                                    <i class="icon"></i>
                                    <i class="icon"></i>
                                </div>
                                <div class="fr">
                                    <a href="" class="inline u-btn primary">完善资料</a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="ql-apart mb30 bor">
                        <div class="profile-bar bg_fa">
                            <a href="" class="profile-bar-item inline active">个人主页</a>
                            <a href="" class="profile-bar-item inline">攻克任务 <span class="num">8</span></a>
                            <a href="" class="profile-bar-item inline">提问 <span class="num">8</span></a>
                            <a href="" class="profile-bar-item inline">回答 <span class="num">8</span></a>
                            <a href="" class="profile-bar-item inline">贡献题目 <span class="num">8</span></a>
                        </div>
                    </div>
                    <!--  攻克 s-->
                    <div class="ql-apart bor mb30">
                        <div class="profile-section">
                            <div class="profile-section-header bg_fa ">
                                <a href="" class="target pd20">CyberZHG 攻克的任务<img class="fr" src="img/right.png" alt=""></a>
                            </div>
                            <div class="profile-section-content bor_t">
                                <div class="nothing">暂无攻克的任务</div>
                            </div>
                        </div>
                    </div>
                    <!-- 攻克 e -->
                    <!--  攻克 s-->
                    <div class="ql-apart bor mb30">
                        <div class="profile-section">
                            <div class="profile-section-header bg_fa">
                                <a href="" class="target pd20">CyberZHG 攻克的任务<img class="fr" src="img/right.png" alt=""></a>
                            </div>
                            <div class="profile-section-content bor_t">
                                <div class="item">
                                    <div class="type fl">攻克</div>
                                    <div class="detail capture">
                                        <div class="title"><a href="">程序员应该掌握哪些数学知识?</a></div>
                                        <div class="time">于 2016-11-07 攻克</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="type fl">攻克</div>
                                    <div class="detail capture">
                                        <div class="title"><a href="">程序员应该掌握哪些数学知识?</a></div>
                                        <div class="time">于 2016-11-07 攻克</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="type fl">攻克</div>
                                    <div class="detail capture">
                                        <div class="title"><a href="">程序员应该掌握哪些数学知识?</a></div>
                                        <div class="time">于 2016-11-07 攻克</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 攻克 e -->
                    <!-- 提问 s -->
                    <div class="ql-apart bor mb30">
                        <div class="profile-section">
                            <div class="profile-section-header bg_fa ">
                                <a href="" class="target pd20">CyberZHG 的提问<img class="fr" src="img/right.png" alt=""></a>
                            </div>
                            <div class="profile-section-content bor_t">
                                <div class="item">
                                    <div class="detail">
                                        <div class="title"><a href="">程序员应该掌握哪些数学知识?</a></div>
                                        <div class="time">于 2016-11-07 提问</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="detail">
                                        <div class="title"><a href="">程序员应该掌握哪些数学知识?</a></div>
                                        <div class="time">于 2016-11-07 提问</div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="detail">
                                        <div class="title"><a href="">程序员应该掌握哪些数学知识?</a></div>
                                        <div class="time">于 2016-11-07 提问</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 提问 e -->
                    <!-- 回答 s-->
                    <div class="ql-apart bor mb30">
                        <div class="profile-section">
                            <div class="profile-section-header bg_fa">
                                <a href="" class="target pd20">CyberZHG 回答的任务<img class="fr" src="img/right.png" alt=""></a>
                            </div>
                            <div class="profile-section-content bor_t">
                                <!-- item s -->
                                <div class="item">
                                    <div class="vote-warp fl">
                                        <div class="vote">
                                            <div class="vote">
                                                <button class="up bg_fa" data-token="gVgymBfUraeSJOqxerB9jWWmz6t6pvXkdpMKkpci" data-id="8121" data-type="1" title="赞同">
                                                    <i class="vote_arrow"></i>
                                                    <span class="count" data-count="-1564">-1564</span>
                                                </button>
                                                <button class="down bg_fa" commented="0" data-statu="false" data-token="gVgymBfUraeSJOqxerB9jWWmz6t6pvXkdpMKkpci" data-id="8121" data-type="1" data-toggle="modal" data-target="#downvote-reason-8121" title="反对">
                                                    <i class="vote_arrow"></i>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="detail answer">
                                        <div class="title"><a href="">程序员应该掌握哪些数学知识?</a></div>
                                        <div class="time">于 2016-11-07 回答</div>
                                    </div>
                                </div>
                                <!-- item e-->
                                <!-- item s-->
                                <div class="item">
                                    <div class="vote-warp fl">
                                        <div class="vote">
                                            <div class="vote">
                                                <button class="up bg_fa" data-token="gVgymBfUraeSJOqxerB9jWWmz6t6pvXkdpMKkpci" data-id="8121" data-type="1" title="赞同">
                                                    <i class="vote_arrow"></i>
                                                    <span class="count" data-count="-1564">-1564</span>
                                                </button>
                                                <button class="down bg_fa" commented="0" data-statu="false" data-token="gVgymBfUraeSJOqxerB9jWWmz6t6pvXkdpMKkpci" data-id="8121" data-type="1" data-toggle="modal" data-target="#downvote-reason-8121" title="反对">
                                                    <i class="vote_arrow"></i>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="detail answer">
                                        <div class="title"><a href="">程序员应该掌握哪些数学知识?</a></div>
                                        <div class="content">```sass
                                            @function a()
                                            @return "input:checked"

                                            @function test($n)//函数
                                            $var:"#{a()}"//变量
                                            @for $i from 1 to $n//循环
                                            $var:$var+"+#{a()}+*"//字符串拼装
                                            @retur...</div>
                                        <div class="time">于 2016-11-07 回答</div>
                                    </div>
                                </div>
                                <!-- item e-->
                            </div>
                        </div>
                    </div>
                    <!-- 回答 e -->
                </div>
                <div class="ql-right fr">
                    <div class="follow-bar ">
                        <div class="follow-line clearfix">
                            <a class="follow-num" href="">
                                <strong>713.65</strong>
                                <div class="normal">分数</div>
                            </a>
                            <a class="follower bor_l" href="">
                                <strong>83</strong>
                                <div class="normal">跬步</div>
                            </a>
                        </div>
                        <div class="follow-bottom">建议反馈@千里码</div>
                    </div>
                </div>
            </div>
        </div>
        <div style="height: 60px;"></div>
    </div>
    <footer>©2016 千里码 浙ICP备15038807号-1 联系我们:oreo@qlcoder.com</footer>
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/common.js"></script>
</body>
</html>